@charset "utf-8";
/* CSS Document */



.focus{height:400px;width:1250px;margin:15% auto; }
.focus .left{float:left; width:564px; height:410px; position:relative;overflow:hidden;margin-left: -50%;transition: all 1s;opacity: 0; }
.focus .left li{position:absolute; left:0; top:0; width:564px; height:410px; z-index:1; opacity:0; filter:alpha(opacity=0);}
.focus .left li.active{z-index:2;}
.focus .left li p{display:none;}

.focus .right{float:right; width:650px;margin-right: -50%;position:relative;transition: all 1s;opacity: 0;margin-top:-10px }
.focus .right li{height:130px; overflow:hidden;  color:white; background-color:#9c9c9c;font-size:24px;margin-top:10px}
.focus .right li:hover,.focus .right li.active,.focus .right li.active1{background-color:#454545;}
.focus .right li i{ line-height:130px; font-style:normal;font-size:80px;color:white;background-image:url(../../img/icon_bg.png); background-repeat:no-repeat;-moz-background-size:100% 100%;-webkit-background-size:100% 100%; -o-background-size:100% 100%;  background-size:100% 100%; width:132px; height:130px; float:left; margin:0px 0px 0px 0px;}
.focus .mar2{margin-top:10px}
.focus .mar3{margin-top:10px}
.focus .right li i.i1{}
.focus .right li i.i2{}
.focus .right li i.i3{}
.focus .right li i.i4{}
.focus .right li:hover i.i1,.focus .right li.active i.i1,.focus .right li.active1 i.i1{background-image:url(../../img/news-blue.png); background-repeat:no-repeat;-moz-background-size:100% 100%;-webkit-background-size:100% 100%; -o-background-size:100% 100%;  background-size:100% 100%; width:145px; height:130px; }
.focus .right li:hover i.i2,.focus .right li.active i.i2{background-image:url(../../img/news-blue.png); background-repeat:no-repeat;-moz-background-size:100% 100%;-webkit-background-size:100% 100%; -o-background-size:100% 100%;  background-size:100% 100%; width:145px; height:130px; }
.focus .right li:hover i.i3,.focus .right li.active i.i3{background-image:url(../../img/news-blue.png); background-repeat:no-repeat;-moz-background-size:100% 100%;-webkit-background-size:100% 100%; -o-background-size:100% 100%;  background-size:100% 100%; width:145px; height:130px; }
.focus .right li:hover i.i4,.focus .right li.active i.i4{}


.focus .right li a{ z-index: 100;text-decoration: none;color: white;font-size: 20px;cursor: pointer;padding:15px 0px 0 35px;position:absolute;font-family:'Microsoft Yahei';color:#fffffff;width:1050px;font-weight:bold}
.focus .right li span{padding:60px 0px 0 35px;position:absolute;width:485px;font-size: 18px;line-height:30px; font-family:'SimSun';color:#fff}

.focus .right li:hover a,.focus  .right li.active a,.focus  .right li.active1 a{margin-left:-13px}
.focus .right li:hover span,.focus  .right li.active span,.focus  .right li.active1 span{margin-left:-13px}



.active .left{ margin-left: 0px; opacity: 1; transition-delay: 0.7s;}
.active .right{ margin-right: 0px; opacity: 1; transition-delay: 0.7s;}


.ltie10 .left { margin-left: 0px; opacity: 1; transition-delay: 0.7s; }

.ltie10 .right {  margin-right: 0px; opacity: 1; transition-delay: 0.7s; }